<template>
  <div class="father-box">
    <div class="center">
      <img src="../../assets/img/mine/mine_img_06.png" alt="">
    </div>
    <div class="miscellaneous">
     <i class="iconfont icon-wodetizhi"></i>
     <router-link class="mess" tag="div" to="">显示体质</router-link>
    </div>
   <div class="miscellaneous">
     <router-link class="mess" tag="div" to="">显示体质简介</router-link>
   </div>
    <div class="miscellaneous">
      <router-link class="mess" tag="div" to="">重新测试体质</router-link>
    </div>
  <div class="miscellaneous">
    <i class="iconfont icon-richangjilu"></i>
    <router-link class="messs" tag="div" to="/chronic">
      <p>慢性病</p>
      <span>已选择x项 > </span>
   </router-link>
  </div>
</div>
</template>
<script>

export default {
  name: "Father",
  data(){
    return{

    }
  }
}
</script>
<style lang="less" scoped>
.center{
  width: 100%;
  height:2.36rem;
  background: #fff;
  margin: 0 0 0.45rem 0;
  img{
    width: 1rem;
    height:1rem;
    margin: 0.7rem 3.2rem;
  }
}
.miscellaneous{
  width: 100%;
  height: 1rem;
  margin: 0 0 0.05rem 0;
  background: #fff;
  i{
    padding-left: 0.3rem;
    line-height: 1rem;
    float: left;
  }
  .mess{
    padding-left: 0.3rem;
    line-height: 1rem;
    float: left;
  }
  .messs{
    width: 100%;
    height: 1rem;
    line-height:  1rem;
    span{
      float: right;
      margin-top: -1rem;
      color: #ccc;
    }
  }
}


</style>
